<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>广西科技师范学院</title>
    <!-- 引用css文件 -->
     <link rel="stylesheet" href="./css/yaowen.css">
     <link rel="stylesheet" href="./css/kuangjia.css">
     <link rel="stylesheet" href="./css/daohang.css">
     <link rel="stylesheet" href="./css/lunbo.css">


</head>
<body>
    <!-- 分为三大块 -->
     <!-- 第一大块里面放一个大盒子，然后盒子分成三个盒子 -->
    <div class="h1">
        <!-- 校徽 -->
        <div class="h11" id="h11">
            <a href="https://www.gxstnu.edu.cn/#">
                <img src="./image/学校校徽.png" alt="" height="200px"style=" width: 100%;" >
            </a>
        </div>
        <!-- 导航栏 -->
        <div class="h11" id="h12">
            <div id="b" class="z">
                <div id="a10" class="a"></div>
                <div id="a1" class="a">首页</div>
                <div id="a2" class="a">学校概况</div>
                <div id="a3" class="a">组织机构</div>
                <div id="a4" class="a">师资队伍</div>
                <div id="a5" class="a">人才培养</div>
                <div id="a6" class="a">招生就业</div>
                <div id="a7" class="a">人才招聘</div>
                <div id="a8" class="a">信息公开</div>
                <div id="a9" class="a">校园文化</div>
                <div id="a11" class="a"></div>
            </div>
        </div>
        <!-- 轮播图 -->
        <div class="h11" id="h13">
            <div class="carousel">
                <div class="slides">
                    <div class="slide"><img src="./image/1.png" alt="Image 1"></div>
                    <div class="slide"><img src="./image/2.png" alt="Image 2"></div>
                    <div class="slide"><img src="./image/3.png" alt="Image 3"></div>
                    <div class="slide"><img src="./image/4.png" alt="Image 4"></div>
                    <div class="slide"><img src="./image/5.png" alt="Image 5"></div>
                    <div class="slide"><img src="./image/6.png" alt="Image 6"></div>
        
                </div>
                <!-- 上一页 -->
                <button class="prev">&#10094;</button>
                <!-- 下一页 -->
                <button class="next">&#10095;</button>
            </div>
            <!-- 引用js文件，实现轮播效果 -->
            <script src="./js/script.js"></script>
        </div>

    </div>


<!-- 学校要闻板块 -->
    <div class="h2">
        <div class="h221" >
            <!-- 学校要闻 -->
            <div class="h221" id="h21">
                <div class="carousel2">
                    <div class="slides2">
                        <div class="slide2">
                            <img src="./image/学校要闻4.png" alt="Image 1"  height="720px"style=" width: 90%;">
                        </div>
                    </div>
                
                </div>
            </div>
        </div>
         <!-- 分成四部分,两行；两列 -->
         <div class="h222" id="h222">
            <div class="h222" id="h22">
                <img src="./image/通知公告.png" alt="Image 1"  height="700px"style=" width: 97%;">
            </div>
            <div class="h222" id="h23">
                <img src="./image/学术报告.png" alt="Image 1"  height="700px"style=" width: 97%;">
            </div>
            <div class="h222" id="h24">
                <img src="./image/10大功能.png" alt="Image 1"  height="700px"style=" width: 100%;">
            </div>
            <div class="h222" id="h25">
                <img src="./image/四大板块.png" alt="Image 1"  height="700px"style=" width: 97%;">
            </div>

            <div class="h222" id="h26">
                <img src="./image/快速通道.png" alt="Image 1"  height="90px"style=" width: 100%;">
            </div>
        </div>
           
    </div>     
    </div>



    <div class="h3">
        <div class="h3">
            <img src="./image/举报方式.png" alt="Image 1"  height="600px"style=" width: 100%;">
        </div>
    </div>
</body>
</html>